<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	request.setCharacterEncoding("utf-8");
	String cp = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>무제 문서</title>
<link href="<%=cp%>/data/css/common.css" rel="stylesheet" type="text/css" />
<link href="<%=cp%>/data/css/style.css" rel="stylesheet" type="text/css" />
<link
	href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
	rel="stylesheet" type="text/css" />
	
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script
	src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document)
.ready(
	function() {

		//******************************************************************************
		// 상세검색 달력 스크립트
		//******************************************************************************
		var clareCalendar = {
			monthNamesShort : [ '1월', '2월', '3월', '4월', '5월',
					'6월', '7월', '8월', '9월', '10월', '11월', '12월' ],
			dayNamesMin : [ '일', '월', '화', '수', '목', '금', '토' ],
			weekHeader : 'Wk',
			dateFormat : 'yymmdd', //형식(20120303)
			autoSize : false, //오토리사이즈(body등 상위태그의 설정에 따른다)
			changeMonth : true, //월변경가능
			changeYear : true, //년변경가능
			showMonthAfterYear : true, //년 뒤에 월 표시
			buttonImageOnly : true, //이미지표시
			buttonText : '달력선택', //버튼 텍스트 표시
			buttonImage : 'image/cal.jpg', //이미지주소
			showOn : "both", //엘리먼트와 이미지 동시 사용(both,button)
			yearRange : '1990:2020' //1990년부터 2020년까지
		};
		$("#checkin").datepicker(clareCalendar);
		$("#checkout").datepicker(clareCalendar);
		$("img.ui-datepicker-trigger")
				.attr("style",
						"margin-left:5px; vertical-align:middle; cursor:pointer;"); //이미지버튼 style적용
		$("#ui-datepicker-div").hide(); //자동으로 생성되는 div객체 숨김  
	});
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<script type="text/javascript">

	function hotelUpdateData(){
		
		var hotelNum = "${dto.hotelNum}";
		
		var param ="hotelNum=" +hotelNum;
		var url = "<%=cp%>/admin/hotelUpdate.action?"+param;
		
		location.replace(url);
	}
	
	function hotelDeleteData(){
		
		var hotelNum = "${dto.hotelNum}";
		param = "hotelNum=" +hotelNum;
		var url = "<%=cp%>/admin/hotelDelete.action?"+param;
		
		location.replace(url);
	}
</script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>

<body onload="MM_preloadImages('image/hoteljungbo.jpg','image/hotelmap.jpg','image/photo.jpg')">
<div id="container">
  <table width="717" border="0">
    <tr>
      <td colspan="3" align="left"><img src="image/aa" /><font size="+3"><b>${dto.hotelName}
     <%--  <c:if test="${sessionScope.session.aa == dto.USERID }"> --%>
     	<input type="hidden" name="hotelNum" value="${dto.hotelNum }"/>
  		<input type="button" value="수정" onclick="hotelUpdateData();"/>
  		<input type="button" value="삭제" onclick="hotelDeleteData();"/>
<%-- 	 </c:if> --%>
  </b></font></td> 
    </tr>
    <tr>
      <td width="265">&nbsp;</td>
      <td width="211">&nbsp;</td>
      <td width="232">&nbsp;</td>
    </tr>
    <tr>
      <td rowspan="5"><table width="200" border="1">
        <tr>
          <td colspan="3"><img src="${urllmageFile}/${dto.imageName}" width="240" height="158" align="middle" />
          </td>
          </tr>
        <tr>
          <td colspan="3"><div align="center">${dto.hotelName }</div></td>
          </tr>
        <tr>
          <td><img src="image/test4.jpg" width="78" height="48" /></td>
          <td><img src="image/test4.jpg" width="78" height="48" /></td>
          <td><img src="image/test4.jpg" alt="" width="78" height="48" /></td>
        </tr>
        <tr>
          <td><img src="image/test4.jpg" alt="" width="78" height="48" /></td>
          <td><img src="image/test4.jpg" alt="" width="78" height="48" /></td>
          <td><img src="image/test4.jpg" alt="" width="78" height="48" /></td>
        </tr>
      </table>
      <div align="center"></div></td>
      <td colspan="2">호텔주소&nbsp;&nbsp; ${dto.hotelAdress }</td>
    </tr>
    <tr>
      <td colspan="2">숙박도시&nbsp;&nbsp; ${dto.city },${dto.nation }</td>
    </tr>
    <tr>
      <td height="18">전화번호&nbsp;&nbsp; ${dto.hotelTel }</td>
      <td>팩스번호&nbsp;&nbsp; ${dto.hotelFax }</td>
    </tr>
    <tr>
      <td>총객실수&nbsp;&nbsp; ${dto.countRoom }</td>
      <td>호텔층수&nbsp;&nbsp; ${dto.floors }</td>
    </tr>
    <tr>
      <td colspan="2" valign="top">호텔위치<br/>${dto.hotelLocation}</td>
    </tr>
    <tr>
      <td colspan="3"><div align="center">
        <table width="680" border="0">
          <tr>
            <td colspan="2">조건 변경해서 조회하기 (다른 날짜나 다른 객실이 필요한 경우 조건을 변경해서 다시 검색하세요.)
               
              </td>
            </tr>
          <tr>
            <td height="83" colspan="2" background="image/back.jpg"><table width="675" border="0">
              <tr>
                <td width="120" height="17"><div align="center">체크인*</div></td>
                <td width="120"><div align="center">체크인*</div></td>
                <td width="50"><div align="center">박수</div></td>
                <td width="224"><div align="center">객실타입선택<font
								color="red">*</font></div></td>
                <td width="127" rowspan="2"><img src="image/reseach.jpg" width="127" height="73" /></td>
              </tr>
              <tr>
                <td height="49"><input name="checkin" type="text" id="checkin" size="10" maxlength="8"
								title="시작일자" /></td>
                <td><input name="checkout" type="text" id="checkout" size="10"
								maxlength="8" title="종료일자" /></td>
                <td><input type="text" size="2"/></td>
                <td><div align="center">
                  <p>No.1 
                    <select name="">
                      <option value="베드타입" selected="selected">베드타입</option>
                      <option value="싱글">싱글</option>
                      <option value="더블">더블</option>
                      <option value="트리플">트리플</option>
                      <option value="쿼트">쿼트</option>
                    </select> 
                    <select name="">
                      <option value="인원수" selected="selected">인원수</option>
                      <option value="1인">1인</option>
                      <option value="2인">2인</option>
                      <option value="3인">3인</option>
                      <option value="4인">4인</option>
                      <option value="5인">5인</option>
                      <option value="6인">6인</option>
                      <option value="7인">7인</option>
                      
                    </select>
                    <br/>
                    <font color="#2977c9"><b> +</b>
                    </font>객실추가 <font color="#2977c9"><b>-</b> </font>객실삭제</p>
</div></td>
                </tr>
            </table>
              <div align="center"></div></td>
            </tr>
          <tr>
            <td height="29" colspan="2" align="left"><font color="ed4074"><b>표시된 요금은 2012-12-11(화 1박   기준 싱글 1개 요금입니다.</b></font>(상단에서 예약을 원하시는 날짜로   검색하세요.)</td>
            </tr>
          <tr>
            <td width="420" height="39" align="left">
              Standard<br/>
              <img src="image/jo.jpg" width="20" height="17" />
              <c:if test="${dto.breakfast==1}">No Breafast Servcie</c:if>
              <c:if test="${dto.breakfast==2}">Breakfast Included</c:if> 
              </td>
            <td width="244" align="left"><font color="ed4074"><b>${dto.roomAmount }원</b></font></td>
            </tr>
        </table>
      </div></td>
    </tr>
    <tr>
      <td height="82" colspan="3">
      <center>
      	<div id="TabbedPanels1">
            <ul class="TabbedPanelsTabGroup">
              <li class="TabbedPanelsTab" tabindex="0">
              <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','image/hoteljungbo.jpg',1)">
              <img src="image/hoteljungbo1.jpg" name="Image10" width="142" height="26" border="0" id="Image10" /></a></li>
              <li class="TabbedPanelsTab" tabindex="0">
              <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','image/hotelmap.jpg',1)">
              <img src="image/hotelmap1.jpg" name="Image11" width="115" height="27" border="0" id="Image11" /></a></li>
              <li class="TabbedPanelsTab" tabindex="0">
             <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','image/photo.jpg',1)">
             <img src="image/photo1.jpg" name="Image12" width="456" height="26" border="0" id="Image12" /></a></li>
            </ul>
            <div class="TabbedPanelsContentGroup">
              <div class="TabbedPanelsContent">
              <table width="710" border="0">
                  <tr>
                    <td align="left"><img src="image/hotelso.jpg" width="73" height="18" />
                    <br/>
                    </td>
                  </tr>
                 
                  <tr>
                    <td align="left">${dto.hotelIntroduce }<br/></td>
                  </tr>
                  <tr>
                    <td align="left"><img src="image/gjungbo.jpg" width="73" height="18" /></td>
                  </tr>
                <tr>
                  <td align="left">${dto.trafficReport }<br/></td>
                  </tr>
                <tr>
                  <td align="left"><img src="image/bu.jpg" width="73" height="18" /></td>
                </tr>
                <tr>
                  <td align="left">${dto.facility }<br/></td>
                  </tr>
                <tr>
                  <td align="left"><img src="<%=cp%>/hotel/image/gak.jpg" width="73" height="18" /></td>
                </tr>
                <tr>
                  <td align="left">${dto.roomFacility }<br/></td>
                  </tr>
              </table>

              </div>
              <div class="TabbedPanelsContent"><img src="image/1.jpg" width="365" height="275" /></div>
              <div class="TabbedPanelsContent">내용 3</div>
            </div>
     	</div>
        </center>
      </td>
      
    </tr>
    <tr>
      <td colspan="3"><div align="center">※ 상기 호텔에 대한 정보는 호텔예약에 대한 참고용 자료로, 실제와는 다를 수 있습니다.
      </div></td>
    </tr>
  </table>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
</body>
</html>
